<html>
<head>
<!--Load the AJAX API-->
<script type="text/javascript" src="http://wattdepot-gdata.googlecode.com/svn/trunk/src/javascript/ajile/com.iskitz.ajile.js?mvcoff,mvcshareoff,refresh"></script>
<script type="text/javascript" src="org.wattdepot.gdata.HtmlTable.js"></script>

<body>
  <div id="table"></div>
</body>

<script type="text/javascript">
// Wrap this code in an anonymous self-invoking function to avoid polluting global namespace.
(function() {
  var table1 = new org.wattdepot.gdata.HtmlTable();
  table1.addRow(['foo', 'bar', 'baz']);
  table1.addRow(['qux', 'quux', 'quux']);
  table1.addAttribute('border="1"');
  table1.addAttribute('style="background-color: grey"');
  table1.addAttribute('width=400px');
  var chartDiv = document.getElementById('table');
  console.log(table1.getHtml());
  chartDiv.innerHTML = table1.getHtml();
})();
</script>
</head>


</body>
</html>


